page{
	height: 100%;
  background-color: #F7F7F7;
}
.container {
  display: flex;
  flex-direction: column;
  height: 100vh;
  width: 100%;
  overflow-y: auto;
	position: relative;
	.scroll {
		height: 100%;
	}
	.new-user-discount {
		position: relative;
		.close {
			position: absolute;
			bottom: -128rpx;
			left: 265rpx;
			width: 60rpx;
			height: 60rpx;
		}
		.discount-img {
			width: 600rpx;
		}
		.discount-button {
			position: absolute;
			width: 380rpx;
			height: 100rpx;
			bottom: 50rpx;
			left: 110rpx;
			z-index: 10;
		}
	}
	.top-content {
		height: 420rpx;
		padding: 0 30rpx;
		background-image: url('https://xzcs-public-files.oss-cn-beijing.aliyuncs.com/static/enterprise-service/homeImg/index_header.png');
		background-repeat: no-repeat;
		background-size: 100%;
		.top-title {
			position: relative;
			.big-title{
				position: absolute;
				color: #fff;
				font-size: 46rpx;
			}
		}
		.sub-head {
			margin-top: 40rpx;
			.small-title {
				font-size: 34rpx;
				color: #fff;
			}
		}
	}
	
	.middle-content {
		padding: 0 30rpx;
		display: flex;
		justify-content: space-between;
		.demand {
			width: 330rpx;
			height: 182rpx;
			border-radius: 10rpx;
			background-color: #fff;
			box-shadow: 0rpx 12rpx 12rpx 0rpx rgba(0,0,0,0.03);
			padding: 35rpx 0 0 40rpx;
			.title {
				font-size: 40rpx;
				font-weight: bold;
				color: #333;
				display: flex;
				align-items: center;
				.arrow-right {
					margin-left: 10rpx;
					width: 30rpx;
					height: 30rpx;
					background: #1C87F3;
					border-radius: 50%;
					display: flex;
					align-items: center;
					justify-content: center;
					.cuIcon-right {
						color: #fff;
						font-size: 24rpx;
						font-weight: 300;
					}
				}
			}
			.sm-title {
				margin-top: 20rpx;
				font-size: 28rpx;
				color: #9E9E9E;
			}
		}
		.service {
			margin-left: 30rpx;
			width: 330rpx;
			height: 182rpx;
			border-radius: 10rpx;
			background-color: #fff;
			box-shadow: 0rpx 12rpx 12rpx 0rpx rgba(0,0,0,0.03);
			padding: 35rpx 0 0 40rpx;
			.title {
				font-size: 40rpx;
				font-weight: bold;
				color: #333;
				display: flex;
				align-items: center;
				.arrow-right {
					margin-left: 10rpx;
					width: 30rpx;
					height: 30rpx;
					background: #1C87F3;
					border-radius: 50%;
					display: flex;
					align-items: center;
					justify-content: center;
					.cuIcon-right {
						color: #fff;
						font-size: 24rpx;
						font-weight: 300;
					}
				}
			}
			.sm-title {
				margin-top: 20rpx;
				font-size: 28rpx;
				color: #9E9E9E;
			}
		}
	}
	
	.new-demand {
		margin-top: 140rpx;
		padding: 0 30rpx;
		.title {
			display: flex;
			justify-content: space-between;
			align-items: flex-end;
		}
		.demand-list {
			margin-top: 6rpx;
			.list {
				background-color: #fff;
				margin-top: 20rpx;
				padding: 30rpx;
				border-radius: 10rpx;
				.header {
					display: flex;
					align-items: center;
					justify-content: space-between;
					.title {
						display: flex;
						align-items: center;
						.title-icon {
							display: block;
							width: 6rpx;
							height: 35rpx;
							background-color: #6AB0FF;
						}
						.name {
							margin-left: 16rpx;
							font-size: 32rpx;
							color: #333;
							font-weight: bold;
						}
					}
					.price {
						color: #999;
						font-size: 28rpx;
					}
				}
				.main-content {
					margin-top: 15rpx;
					width: 550rpx;
					font-size: 24rpx;
					color: #9E9E9E;
					overflow: hidden;
					white-space: nowrap;
					text-overflow: ellipsis;
				}
				.bottom {
					margin-top: 20rpx;
					display: flex;
					justify-content: space-between;
					align-items: center;
					color: #9E9E9E;
					.local {
						display: flex;
						font-size: 22rpx;
						text {
							display: flex;
							align-items: center;
							justify-content: center;
							padding: 8rpx 10rpx;
							display: block;
							min-width: 65rpx;
							height: 35rpx;
							background: #F4F4F4;
							border-radius: 4rpx;
						}
					}
					.join-type {
						color: #0068FF;
						font-size: 24rpx;
					}
				}
			}
		}
		
	}
	
	.nav-tabs {
		margin-top: 10rpx;
		padding: 0 30rpx;
		.nav {
			display: flex;
			justify-content: space-between;
			align-items: center;
		}
		.content {
			margin-top: 24rpx;
			background: #FFFFFF;
			margin-bottom: 16rpx;
			.shop-list {
				padding: 20rpx 30rpx;
				.empty-wrap {
				  display: flex;
				  flex-direction: column;
				  padding: 80rpx 0 100rpx;
				  align-items: center;
				  .empty-img {
				    width: 415rpx;
				    height: 415rpx;
				  }
				
				  .tips {
				    font-size: 30rpx;
				    color: #999;
				  }
				}
				.shop-item {
					padding: 20rpx 0;
					display: flex;
					align-items: flex-start;
					.img {
						border-radius: 10rpx;
						width: 160rpx;
						height: 160rpx;
						image {
							border-radius: 10rpx;
							width: 160rpx;
							height: 160rpx;
						}
					}
					.item {
						margin-left: 40rpx;
						display: flex;
						flex-direction: column;
						justify-content: space-between;
						.title1 {
							color: #333;
							font-size: 34rpx;
							font-weight: bold;
						}
						.title2 {
							margin-top: 26rpx;
							color: #FF6161;
							font-size: 36rpx;
						}
						.title3 {
							margin-top: 16rpx;
							color: #999;
							font-size: 24rpx;
						}
					}
				}
			}
			.service-list {
				width: 100%;
				padding: 20rpx 30rpx;
				.empty-wrap {
				  display: flex;
				  flex-direction: column;
				  padding: 80rpx 0 100rpx;
				  align-items: center;
				  .empty-img {
				    width: 415rpx;
				    height: 415rpx;
				  }
				
				  .tips {
				    font-size: 30rpx;
				    color: #999;
				  }
				}
				.service-item {
					width: 100%;
					padding: 20rpx 0;
					display: flex;
					align-items: flex-start;
					.img {
						border-radius: 50%;
						width: 110rpx;
						height: 110rpx;
						image {
							border-radius: 50%;
							width: 110rpx;
							height: 110rpx;
						}
					}
					.item {
						width: calc(100% - 210rpx);
						margin-left: 40rpx;
						display: flex;
						flex-direction: column;
						justify-content: space-between;
						.service-type {
							display: flex;
							align-items: center;
							.type {
								display: flex;
								align-items: center;
								justify-content: center;
								width: 90rpx;
								height: 33rpx;
								background-color: #F3F9FF;
								font-size: 22rpx;
								color: #1C87F3;
								border: 2rpx solid #1C87F3;
								padding: 3rpx 7rpx;
							}
			
							.title1 {
								margin-left: 8rpx;
								color: #333;
								font-size: 34rpx;
								font-weight: bold;
								display: -webkit-box;
								-webkit-box-orient: vertical;
								-webkit-line-clamp: 1;
								overflow: hidden;
							}
						}
						.title2 {
							width: 540rpx;
							margin-top: 16rpx;
							color: #666;
							font-size: 24rpx;
							overflow: hidden;
							white-space: nowrap;
							text-overflow: ellipsis;
						}
						.title3 {
							color: #999;
							font-size: 24rpx;
						}
					}
				}
			}
		}
	}
	
	// .lubottus {
	// 	position: relative;
	// 	padding: 0 30rpx 27rpx 30rpx;
	// 	height: 300rpx;
	// 	margin: 0 auto;
	// 	border-radius: 15rpx;
	// 	.swper {
	// 		width: 100%;
	// 		height: 100%;
	// 		border-radius: 15rpx;
	// 	}
	// }

	// .middle-link {
	// 	padding: 0 30rpx;
	// 	.menu-list {
	// 		padding: 0 30rpx;
	// 		background: #FFFFFF;
	// 		border-radius: 15rpx;
			
	// 		.menu-item {
	// 			height: 75rpx;
	// 			display: flex;
	// 			justify-content: space-between;
	// 			align-items: center;
	// 			.icon {
	// 				width: 45rpx;
	// 				height: 45rpx;
	// 				margin-right: 16rpx;
	// 			}
	// 			.title {
	// 				font-size: 26rpx;
	// 				color: #333;
	// 			}
				
	// 			.link-text {
	// 				margin-left: 46rpx;
	// 				height: 75rpx;
	// 				line-height: 75rpx;
	// 				color: #333333;
	// 				font-size: 26rpx;
	// 			}
	// 		}
	// 	}
	// }
	
	// .post-demand {
	// 	margin-top: 20rpx;
	// 	padding: 0 30rpx;
	// 	.content {
	// 		border-radius: 10rpx;
	// 		width: 100%;
	// 		background: #fff;
	// 		padding-bottom: 40rpx;
	// 		.header {
	// 			border-top-left-radius: 10rpx;
	// 			border-top-right-radius: 10rpx;
	// 			padding: 30rpx 30rpx 0 30rpx; 
	// 			display: flex;
	// 			justify-content: space-between;
	// 			align-items: center;
	// 			background: linear-gradient(180deg, #CEE5FF 0%, rgba(255,255,255,0) 100%);
	// 			.header-left {
	// 				color: #333333;
	// 				font-size: 34rpx;
	// 				display: flex;
	// 				align-items: center;
	// 				.img {
	// 					width: 34rpx;
	// 					height: 34rpx;
	// 				}
	// 				text {
	// 					margin-left: 8rpx;
	// 					font-weight: bold;
	// 				}
	// 			}
	// 			.header-right {
	// 				color: #fff;
	// 				width: 174rpx;
	// 				height: 58rpx;
	// 				background: linear-gradient(270deg, #459CFF 4%, #0177FD 100%);
	// 				border-radius: 84rpx;
	// 				font-size: 26rpx;
	// 				font-weight: bold;
	// 				display: flex;
	// 				align-items: center;
	// 				justify-content: center;
	// 			}
	// 		}
	// 		.footer {
	// 			padding: 0 30rpx;
	// 			margin-top: 40rpx;
	// 			display: flex;
	// 			justify-content: space-between;
	// 			.footer-item {
	// 				width: 200rpx;
	// 				height: 190rpx;
	// 				background: #F7F8FA;
	// 				border-radius: 10rpx;
	// 				padding: 50rpx 20rpx 2rpx 20rpx;
	// 				display: flex;
	// 				flex-direction: column;
	// 				justify-content: space-between;
	// 				.item-title {
	// 					display: flex;
	// 					align-items: center;
	// 					justify-content: space-between;
	// 					.title {
	// 						font-size: 28rpx;
	// 						font-weight: 500;
	// 						color: #333333;
	// 					}
	// 					.icon {
	// 						display: block;
	// 						width: 0;
	// 						height: 0;
	// 						border-left: 15rpx solid #0177FD;
	// 						border-top: 13rpx solid transparent;
	// 						border-bottom: 13rpx solid transparent;
	// 					}
	// 				}
	// 				.img {
	// 					width: 50rpx;
	// 					height: 50rpx;
	// 					align-self: flex-end;
	// 				}
	// 			}
	// 		}
	// 	}
	// }
	// .find-demand {
	// 	margin-top: 20rpx;
	// 	padding: 0 30rpx;
	// 	.content {
	// 		border-radius: 10rpx;
	// 		width: 100%;
	// 		background: #fff;
	// 		padding-bottom: 40rpx;
	// 		.header {
	// 			border-top-left-radius: 10rpx;
	// 			border-top-right-radius: 10rpx;
	// 			padding: 30rpx 30rpx 0 30rpx; 
	// 			display: flex;
	// 			justify-content: space-between;
	// 			align-items: center;
	// 			background: linear-gradient(180deg, #FFE5E5 0%, rgba(255,255,255,0) 100%);
	// 			.header-left {
	// 				color: #333333;
	// 				font-size: 34rpx;
	// 				display: flex;
	// 				align-items: center;
	// 				.img {
	// 					width: 34rpx;
	// 					height: 34rpx;
	// 				}
	// 				text {
	// 					margin-left: 8rpx;
	// 					font-weight: bold;
	// 				}
	// 			}
	// 			.header-right {
	// 				color: #fff;
	// 				width: 174rpx;
	// 				height: 58rpx;
	// 				background: linear-gradient(270deg, #FF9595 0%, #FF5B5B 100%);
	// 				border-radius: 84rpx;
	// 				font-size: 26rpx;
	// 				font-weight: bold;
	// 				display: flex;
	// 				align-items: center;
	// 				justify-content: center;
	// 			}
	// 		}
	// 		.footer {
	// 			padding: 0 30rpx;
	// 			margin-top: 40rpx;
	// 			display: flex;
	// 			justify-content: space-between;
	// 			.footer-item {
	// 				width: 200rpx;
	// 				height: 190rpx;
	// 				background: #F7F8FA;
	// 				border-radius: 10rpx;
	// 				padding: 50rpx 20rpx 2rpx 20rpx;
	// 				display: flex;
	// 				flex-direction: column;
	// 				justify-content: space-between;
	// 				.item-title {
	// 					display: flex;
	// 					align-items: center;
	// 					justify-content: space-between;
	// 					.title {
	// 						font-size: 28rpx;
	// 						font-weight: 500;
	// 						color: #333333;
	// 					}
	// 					.icon {
	// 						display: block;
	// 						width: 0;
	// 						height: 0;
	// 						border-left: 15rpx solid #FF5B5B;
	// 						border-top: 13rpx solid transparent;
	// 						border-bottom: 13rpx solid transparent;
	// 					}
	// 				}
	// 				.img {
	// 					width: 50rpx;
	// 					height: 50rpx;
	// 					align-self: flex-end;
	// 				}
	// 			}
	// 		}
	// 	}
	// }
	// .service-category {
	// 	margin-top: 20rpx;
	// 	padding: 0 30rpx;
	// 	.content {
	// 		border-radius: 10rpx;
	// 		background-color: #FFFFFF;
	// 		width: 100%;
	// 		padding: 50rpx 30rpx 40rpx 30rpx;
	// 		.header {
	// 			display: flex;
	// 			align-items: center;
	// 			justify-content: space-between;
	// 			.header-left {
	// 				display: flex;
	// 				align-items: center;
	// 				.img {
	// 					width: 34rpx;
	// 					height: 34rpx;
	// 				}
	// 				.title {
	// 					margin-left: 8rpx;
	// 					color: #333;
	// 					font-size: 34rpx;
	// 					font-weight: bold;
	// 				}
	// 			}
	// 			.header-right {
	// 				color: #333;
	// 				font-size: 26rpx;
	// 			}
	// 		}
	// 		.category {
	// 			display: flex;
	// 			flex-wrap: wrap;
	// 			justify-content: space-between;
	// 			margin-top: 26rpx;
	// 			.category-item {
	// 				margin-top: 20rpx;
	// 				display: flex;
	// 				align-items: center;
	// 				justify-content: center;
	// 				width: 200rpx;
	// 				height: 90rpx;
	// 				color: #788C9F;
	// 				font-size: 30rpx;
	// 				background: #F1F8FF;
	// 				border-radius: 6rpx;
	// 			}
	// 		}
	// 	}
	// }
	// .contact-us {
	// 	margin-top: 20rpx;
	// 	padding: 0 30rpx 65rpx 30rpx;
	// 	.contact-bg {
	// 		width: 690rpx;
	// 		height: 432rpx;
	// 		background-image: url('https://xzcs-public-files.oss-cn-beijing.aliyuncs.com/static/enterprise-service/homeImg/contact-us.png');
	// 		background-repeat: no-repeat;
	// 		background-size: 100%;
	// 		display: flex;
	// 		justify-content: center;
	// 		.contact-btn {
	// 			margin-top: 290rpx;
	// 			display: flex;
	// 			align-items: center;
	// 			justify-content: center;
	// 			width: 582rpx;
	// 			height: 85rpx;
	// 			color: #845311;
	// 			font-size: 30rpx;
	// 			background: linear-gradient(180deg, #FFFAE7 0%, #FCEEB8 100%);
	// 			border-radius: 109rpx;
	// 		}
	// 	}
	// }
	
	.bottom-btn {
		position: fixed;
		bottom: 20rpx;
		left: 30rpx;
		padding: 0 30rpx;
		height: 90rpx;
		width: 690rpx;
		background-color: rgba(1,1,1,.8);
		border-radius: 90rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	
	.bottom-btn .btn-text {
		font-size: 30rpx;
		color: #fff;
	} 
	
	.bottom-btn .btn {
		width: 140rpx;
		height: 60rpx;
		color: #fff;
		background-color: #1C87F3;
		font-size: 28rpx;
		border-radius: 60rpx;
		display: flex;
		align-items: center;
		justify-content: center;
	} 
}

.fixed-btn {
		.bottom-btn {
			position: fixed;
			bottom: 20rpx;
			left: 30rpx;
			padding: 0 30rpx;
			height: 90rpx;
			width: 690rpx;
			background-color: rgba(1,1,1,.8);
			border-radius: 90rpx;
			display: flex;
			align-items: center;
			justify-content: space-between;
		}
		
		.bottom-btn .btn-text {
			font-size: 30rpx;
			color: #fff;
		} 
		
		.bottom-btn .btn {
			width: 140rpx;
			height: 60rpx;
			color: #fff;
			background-color: #1C87F3;
			font-size: 28rpx;
			border-radius: 60rpx;
			display: flex;
			align-items: center;
			justify-content: center;
		}  
	}